<div ng-class="{true:'small-table',false:'big-table'}[isSmallTable]"  style="margin-right:5px;" >
    <div class="table-title">
        <span ng-bind="conf.introduce.title"></span>
        <span ng-bind="conf.introduce.count "></span>
    </div>
    <table class="table">

        <!-- shit code!-->
        <tbody ng-if="isSmallTable">
        <tr  ng-repeat="item in conf.data track by $index" watch-height grade="conf.grade" index="$last"  ng-style="isBottomBorder($last)" >
            <!-- 绑定一个key 的情况-->
            <!--ng-class="$odd?'normal':'addBackground'"-->
            <!--<td ng-style="getListStyle" ng-repeat="childItem in item track by $index" ng-bind="childItem[key]"></td>-->
            <td class="text-overflow" ng-style="getListStyle"  ng-click="clickTd(item[0])" ><img ng-src="{{getSrc(item[0][key],conf)}}" alt=""/><span ng-bind="item[0][key]"></span></td>
            <td  class="text-overflow" ng-style="getListStyle" ng-click="clickTd(item[1])" ><img ng-src="{{getSrc(item[1][key],conf)}}" alt=""/><span ng-bind="item[1][key]"></span></td>
        </tr>
        </tbody>
        <tbody ng-if="!isSmallTable">
        <!---->

        <tr  ng-repeat="item in conf.data track by $index" watch-height grade="conf.grade" index="$last"  ng-style="isBottomBorder($last)" >
            <!-- 绑定一个key 的情况-->
            <!--ng-class="$odd?'normal':'addBackground'"-->
            <!--<td ng-style="getListStyle" ng-repeat="childItem in item track by $index" ng-bind="childItem[key]"></td>-->
            <td class="text-overflow" ng-style="getListStyle"  ng-click="clickTd(item[0])"><img ng-src="{{item[0].typeId|getIconSmall}} " alt=""/> <span  ng-bind="item[0][key]"></span></td>
            <td  class="text-overflow" ng-style="getListStyle"   ng-click="clickTd(item[1])"><img ng-src="{{item[1].typeId|getIconSmall}} " alt=""/> <span  ng-bind="item[1][key]"></span></td>
            <td class="text-overflow"  ng-style="getListStyle"   ng-click="clickTd(item[2])"><img ng-src="{{item[2].typeId|getIconSmall}}" alt=""/> <span  ng-bind="item[2][key]"></span></td>
            <td class="text-overflow"  ng-style="getListStyle"   ng-click="clickTd(item[3])"><img ng-src="{{item[3].typeId|getIconSmall }}" alt=""/> <span  ng-bind="item[3][key]"></span></td>
        </tr>
        </tbody>
    </table>
    <div class="classTable-loadMore-container">
        <div class="f-loadmore clearfix"  ng-show="conf.totalPage>conf.pageNo">
            <a class="f-vertical-line-10"></a>
            <a class="f-loadmore-center" ng-bind="i18n.loadMore"  ng-click="loadMore()" ></a>
            <a class="f-vertical-line-10"></a>
        </div>
    </div>
</div>

<style>
    .small-table{
        float:left;
        width:580px;
        /*min-height:200px;*/
        border:1px solid #ddd;
        margin:10px;
    }
    .big-table{
        float:left;
        width:1176px;
        min-height:200px;
        border:1px solid #ddd;
        margin:10px;
    }


    /**************table样式设定***************/
    .table-title{
        /*width:100%;*/
        height:40px;
        border-bottom: 1px solid #ddd;
        line-height: 40px;
        padding-left:10px;
    }
    /* table*/
    .table{
        width: 100%;
        border-collapse: collapse;
        /*border:1px solid #ddd;*/
        font-size:14px;
        table-layout:fixed;
    }
    .addBottomBorder{
        border-bottom: 1px solid #ddd;;
    }
    .addBackground{
         background:#F6F5F4;
    }
    .normal{
        background:#fff;
    }
    .table th,.table td{
        text-align: left;
        vertical-align: top;
        padding-left:10px;
    }
    .table th{
        font-weight: normal;
        height:40px;
        line-height: 40px;
    }
    .table td{
        height:40px;
        line-height: 40px;
        cursor: pointer;
    }
    .table th:nth-child(1),.table td:nth-child(1){
        text-align: left;
        padding-left:20px;
    }
    .table tbody{
        background:#fff;
    }
    .td-50{
        width:45%;
    }

    .border-bottom{
        border-bottom: 1px solid #E1DEDA;
    }

    .table tr:nth-child(odd) {
        background-color: #f9f9f9;
    }
    .table td img{
        margin-right:5px;
    }
    .text-overflow{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
    }


    /******加载更多 loadMore******/
    .classTable-loadMore-container{
        height: 40px;
        border-top: 1px solid #ddd;
        margin-bottom: 20px;
    }
    .f-loadmore{
        width:90px;
        height:30px;
        margin: 10px auto;
    }
    .f-loadmore-center{
        float: left;
        width: 88px;
        height: 30px;
        font-size: 14px;
        line-height: 35px;
        text-align: center;
        display: inline-block;
        border-bottom: 1px solid #00A4FE;
    }

</style>